<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <title>抽奖活动列表</title>
</head>
<body>
    <div class="new-noline">
        <div class="content" id="listActive">
            <!-- <div class="item-act">
                <div class="act-photo"></div>
                <div class="act-message">
                    <div class="act-title">
                        <div class="name">
                            <span class="name-width">航空旅程5折抢兑航空旅程5折抢兑</span>
                            <span class="underway">正在进行</span>
                        </div>
                        <span class="time">2017年8月1日</span>
                    </div>
                    <div class="act-mess">
                        本活动仅限收到我行邀请短信的主卡持卡人参加活动，活动期间不能随意更换卡种，不能使用不能使用不能使用不能使用不能使用
                    </div>
                </div>
            </div>
            <div class="item-act">
                <div class="act-photo"></div>
                <div class="act-message">
                    <div class="act-title">
                        <div class="name">
                        <span class="name-width">航空旅程5折抢兑航空旅程5折抢兑</span>
                            <span class="underway active">正在进行</span>
                        </div>
                        <span class="time">2017年8月1日</span>
                    </div>
                    <div class="act-mess">
                        本活动仅限收到我行邀请短信的主卡持卡人参加活动，活动期间不能随意更换卡种，不能使用不能使用不能使用不能使用不能使用
                    </div>
                </div>
            </div> -->
        </div>  
    </div>
<!-- 活动列表模板 begin -->
    <script type="text/html" id="listActive-template">
        {{each}}
            <div class="item-act" onclick="fnDetails({{$value.id}})">
                {{if $value.picture}}
                    <div class="act-photo" style="background-image: url({{$value.picture}});"></div>
                {{/if}}
                <div class="act-message">
                    <div class="act-title">
                        <div class="name">
                            <p class="blod">{{$value.title}}</p>
                            <div class="item">
                                <span class="underway {{if $value.is_active == 2}}active{{/if}}">{{{'1':'未开始','2':'进行中','3':'已结束'}[$value.is_active]}}</span>
                            </div>
                            
                        </div>
                        <span class="time">{{$value.time_start.split(' ')[0]}}</span>
                    </div>
                    <div class="act-mess">
                        {{#$value.brief || '无'}}
                    </div>
                </div>
            </div>
        {{/each}}
    </script>
    <!-- 活动列表模板 end -->
    <div class="hide" id="no-data">暂无数据</div>
</body>
<script type="text/javascript" src="../framework/template-web.js"></script>
<script type="text/javascript" src="../framework/zepto.min.js"></script>
<script type="text/javascript" src="../script/base.js"></script>
<script type="text/javascript">
    fnList();
    //列表
    function fnList(){
        fnAjax({
            url: "Draw/listActive",
            data: {
                
            }
        }, function(ret){
            if( !ret.status ){
                if(ret.data.list.length){
                    $('.listActive').removeClass('hide');
                    fnValue('#listActive',template('listActive-template',ret.data.list));
                }else{
					$('#no-data').removeClass('hide');
				}
            }else{
                
            }
        });
    }

    function fnDetails( _id ){
        fnOpen("choujiangxiangqing.html",{
            id:_id
        });
    }
</script>
</html>
